<template>
  <div class="home">
    
    <binner />
   
   
   
  </div>
</template>
<script>
import { provide, reactive, toRefs } from 'vue'
import binner from './Carousel.vue'


export default {
  components:{
    binner
  },
  setup () {
    const state = reactive({
      imgData: [
        require('@/assets/img/0.jpg'),       
        require('@/assets/img/1.jpg'),
        require('@/assets/img/2.jpg'),
        require('@/assets/img/3.jpg')
        // require('@/assets/img/4.jpg')
       ]
    })
    provide('imgData',state.imgData)
    return {
      ...toRefs(state)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
